@import '../../style/imports.scss';

.coupon-modal {
  .at-modal {
    &__container {
      border-radius: 20px;
      width: 90% !important;
    }
  }
  .coupon-list-ticket {
    padding-bottom: 10px;
    height: 900px;
  }
  .title {
    text-align: center;
    font-size: 50px;
    color: #422D0A;
    background: #F5F0E2;
    font-weight: bolder;
    padding: 10px 0px;
    position: relative;
  }
  .coupon-scroll {
    background: #F5F0E2;
  }
  .button {
    padding: 15px 0px;
    background: linear-gradient(270deg, #F5BF5A 0%, #FFE6B5 100%);
    border-radius: 45px;
    box-shadow: -5px 8px 0px 0px #F6BE87, -5px 7px 0px 0px #FFE0A8;
    text-align: center;
    width: 80%;
    margin: 25px auto;
    color: #724120;
  }
  .poster-close-btn {
    width: 50px;
    height: 50px;
    margin-top: 20px;
    line-height: 50px;
    text-align: center;
    box-shadow: inset 0 0 0 1PX #B5A488;
    border-radius: 100%;
    color: #B5A488;
    font-size: 40px;
    background: #F5F0E2;
    position: absolute;
    right: 5%;
    top: 0;
    // cursor: pointer;
  }
}